﻿
body{ margin:0; padding:0; color: #454545;font-size: 15px;line-height:30px;width:100%;font-family: "微软雅黑"; background:#fff; overflow-x:hidden}
img,input,button,select,textarea,p{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#666}
a:active,a:focus,a:hover{outline:none; color:#004593}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
.right{ float:right;}
.left{ float:left;}
@font-face {
  font-family: "DINCond";
  src: url("../css/font/DINCond/DINCond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../css/font/DINCond/DINCond.ttf") format("truetype"),
       url("../css/font/DINCond/DINCond.eot") format("embedded-opentype"),
       url("../css/font/DINCond/DINCond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#bg {
    background-attachment: fixed;
    background-size: cover;
}

/*top*/
.site-header {position: relative;}
.header-style-6 .is-fixed .header-nav .nav>li>a{padding:12px 12px}
.header-style-6 .is-fixed .header-nav .nav>li:first-child>a{padding-left:0}
.header-style-6 .is-fixed .navbar-toggle{margin-top:10px;margin-bottom:10px}@media only screen and (max-width:768px){.header-style-6 .is-fixed .header-nav .nav>li:first-child>a{padding-left:12px}}
.top-bar { padding:0;color: inherit;border-bottom: 1px solid rgba(0,0,0,0.1);background-color: #292838; height:41px;}
.container { width:1285px;margin-left:0; padding:0;}
.row {margin-right: -15px; margin-left: -15px;}

.wt-topbar-right {float: right;position: relative;padding-left: 15px;padding-right: 15px;}
.bg-before { width: 999%;height: calc(100% + 2px);top: 0;left: -999%;background-image: url(../images/bg-before.png);position: absolute;background-position: right;}
.site-header ul, .site-header ol {margin-bottom: 0;}
.list-inline {padding-left: 0;margin-left: -5px;list-style: none; margin-right: 150px;}
.tb-info-liner, .tb-social-liner { border-right: 1px solid rgba(0,0,0,0.1);}
.tb-info-liner li, .tb-social-liner li {border-left: 1px solid rgba(0,0,0,0.1);display: block;float: left;}

.main-bar {position: relative;width: 100%;}
.container_logo { width:1200px;margin:10px auto; overflow:hidden;}
.header-info>ul li {display: table-cell;padding: 15px 10px;vertical-align: middle;}
.logo-header {display: table;float: left;vertical-align: middle;padding: 0;font-size: 36px;color: #1bbce8;margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0;width: 220px;height: 90px;position: relative;}
.header-info {float: right;padding:10px 0;}
.header-info>ul {list-style: none;display: table;}
.header-info>ul li {display: table-cell;padding: 15px 10px;vertical-align: middle; width:245px; }
.header-info>ul li img{ float:left; display:block; margin:3px 10px 0 0;}
.header-info>ul li .icon-sm {float: left;margin-right: 15px;width: 40px;}
.icon-content {overflow: hidden; line-height:20px; }
.icon-content span{ font-size:14px; }
.header-info>ul li strong {display: block;font-size: 16px;text-transform: uppercase;color: #1a1a1a; font-weight:600;}


.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:42px; height:42px; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.boxBg{background:#fbf6f0; width:100%; overflow:hidden; margin-bottom:30PX;}
.boxBg1{background:#e9e5df; width:100%; overflow:hidden}

.boxTop{ position:fixed;left:0;height:55px; z-index:100;  background-color:#333333; padding:0; width:100%;}
.boxTop1{position:relative; height:55px;text-align:left; box-sizing:border-box; width:100%; max-width:1140px; margin:0 auto; background-color:#333333;}
.logo{ position:absolute; left:0; top:15px; margin:0!important}
.bgTop{ box-shadow:0 0px 1px rgba(0,0,0,0.1);top:0;}
.bg-before_top { width: 999%;height:calc(100% + 0px);left: -999%;background-image: url(../images/bg-before.png);position: absolute;background-position: right;}

@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:55px; text-align:center;display:inline-block;  vertical-align:middle}
.boxNav li{display:inline-block;position:relative; padding:0 40px; }
.boxNav li span a{display:block;font-size:15px; color:#fff;line-height:55px;}
.boxNav li span a:hover{color:#fff; border:none;}
.boxNav li span i{ height:3px; background:#004593; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li:hover{ background-color:#3bbc1e;}
.boxNav .ii{background-color:#3bbc1e;}
.boxNav li .tea{position:absolute; top:55px; left:-32px;width:960px;text-align:left;z-index:2; display:none; opacity:0.9;}
.boxNav li .tea .t_na{ background-color: #f7f7f7;width:208px;overflow:hidden; float:left; position:relative; border-right:#e2e2e2 solid 1px; border-left:#e2e2e2 solid 1px; }
.boxNav li .tea .t_na li{font-size:14px;width:200px; height:50px; border-bottom:#e2e2e2 solid 1px;}
.boxNav li .tea .t_na li:hover{color:#fff; background-color:#3bbc1e;}
.boxNav li .tea .t_na li a{ display:inline-block; overflow:hidden; font:14px "微软雅黑" ,Arial, Helvetica, sans-serif; color:#333;line-height:50px;}
.boxNav li .tea .t_na li a:hover {color:#fff;}
.boxNav li .tea .t_na .cur a{}

.boxNav li .tea .tea_c{ width:800px; height:342px; overflow:hidden; margin:0 auto;float:right; background-color:#f8f8f8;}
.boxNav li .tea .tea_c dl{ width:185px; height:170px; float:left; margin:5px; text-align:center;}
.boxNav li .tea .tea_c dl a{  font-size:12px; line-height:26px;width:185px; height:170px; float:left; margin:5px; text-align:center; display:block; padding:5px;}
.boxNav li .tea .tea_c dl a:hover{    background-color: #dc551d; color:#fff;}
.boxNav li .tea .tea_c img{ width:180px; height:130px;}

.topSearch{display:inline-block;width:46px;height:55px;vertical-align:middle; font-size:0; float:right; margin-right:50px; }
.topSearch i{display:block; width:100%; height:100%;background:url(../images/icoSearchTopHover.png) center no-repeat;}
.topSearch:hover i{background:url(../images/icoSearchTopHover.png) center no-repeat;}

.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:102; display:none}
.searchTop span{display:inline-block; width:700px; height:52px; border-radius:3px; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:30%; right:28%;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:593px; height:52px; line-height:52px; font-size:15px; color:#444; text-indent:15px; border:0;}
.submitTop{ width:100px; height:52px; background:#3bbc1e; font-size:16px; font-weight:600; color:#fff;cursor:pointer; text-align:center;float: right; font-family: Arial, Helvetica, sans-serif;}  
.submitTop:hover{opacity:0.8;}


/*foot*/
.boxNav_foot{ width:20%;height:auto; margin:15px 30px 0 0; float:left;}
.boxNav_foot span{ font-family: 'Roboto',sans-serif;font-weight: 600;font-size: 18px;line-height: 24px;margin: 0 0 25px; display:block;}
.boxNav_foot li{display:inline-block;position:relative; padding:0 10px; }
.boxNav_foot li  a{display:block;font-size:13px;color:#dddddd;line-height:30px; border-bottom:#393842 1px dashed; width:230px;}
.boxNav_foot li  a:hover{color:#dc551d;}

.boxFoot{width:100%; height:432px; background:#333333; color:#fff; margin-top:30px;  }

.boxFoot a{color:#ffffff}
.boxFoot a:hover{color:#8c8989}
.boxFoot1{width:1200px; margin:0 auto; height:300px; padding-top:60px;}
.boxFoot1 .img{ width:230px; height:231px; float:left; margin:0 80px 0 0; font-size:14px;}
.footLink{display:inline-block; border-bottom:2px solid #5b5d5d; margin:35px 0 10px 0; padding-bottom:20px; font-size:0}
.footLink a{display:inline-block;font-size:13px; font-weight:bold; padding:0 8px 0 0; margin-right:8px; border-right:2px solid #adaeae; line-height:14px; }
.footText{line-height:26px;font-size:13px; margin:15px 0 10px 0;display:inline-block; width:25%; float:left;}
.footText span{  font-family: 'Roboto',sans-serif;font-weight: 600;font-size: 18px;line-height: 24px;margin: 0 0 25px; display:block;}
.footText img{ padding:5px;}

.boxFoot2{width:100%; height:72px; min-width:1200px; margin:0 auto; position:relative; background-color:#222121;color: #fff; font-size: 13px;text-align:center; line-height:70px;}


/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:60px; position:fixed;top:0; left:0; background:#fff; display:none;  box-shadow:0 0 3px rgba(0,0,0,0.2);z-index:100;}
.logoM{ position:absolute;left:15px; top:15px; height:30px;}

.openMenu{width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) center no-repeat; background-size:cover}
.closeMenu{width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/closeMenu.png?v=1.0) center no-repeat; background-size:cover;}

.navTopBlack{background:rgba(0,0,0,0.7);position:fixed; top:60px; left:0; width:100%;height:calc(100vh - 60px);z-index:101; display:none}



/*--------------------mTop------------------------*/


.banner{width:100%;height:692px;overflow:hidden; position:relative; margin-top:65px;}
.banner img{ width:100%; height:692px;}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;}
.banner .swiper-pagination{bottom:30px!important;z-index:1}
.banner .swiper-pagination-bullet{width:15px; height:14px; background:url(../images/icoSwiper.png); opacity:1.0}
.banner .swiper-pagination-bullet-active{background:url(../images/icoSwiperHover.png); }
.banner .swiper-button-prev{left:0;margin-top:10px; width:38px; height:38px; background:url(../images/bannerJtLeft.png) no-repeat;opacity:1; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat;opacity:0.5}
.banner .swiper-button-next{right:0;margin-top:10px;width:38px; height:38px; background:url(../images/bannerJtRight.png) no-repeat;opacity:1; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat;opacity:0.5}




.bannerM{width:100%;height:66.7vw;overflow:hidden; position:relative;margin-top:60px; display:none;}
.bannerM img{ width:100%; height:100%}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; }
.bannerM .swiper-pagination{bottom:15px!important;z-index:1}
.bannerM .swiper-pagination-bullet{width:15px; height:14px; background:url(../images/icoSwiper.png); opacity:1.0}
.bannerM .swiper-pagination-bullet-active{background:url(../images/icoSwiperHover.png); }






/*index_pro*/
.c1-con ul li{width: 23%;float: left;margin-right:20px;margin-bottom: 30px;transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;}
.c1-con ul li:nth-child(4n){margin-right: 0;}
.c1-con ul li a{display: block;}
.c1-con ul li .tu{width: 100%;height: 371px;position: relative;overflow: hidden;;}
.c1-con ul li .tu img{width:100%;height: 371px;transition: .5s;}
.c1-con ul li:hover img{transform: scale(1.1);}
.c1-con ul li .tu .marks{width:100%;height: 371px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);transition: .5s;opacity: 0;}
.c1-con ul li:hover .tu .marks{opacity: 1;}
.c1-con ul li .tu .jia{width: 54px;height: 54px;position: absolute;top: 80px;left:42%;background: url(../images/jia.png) no-repeat center;transition: .5s;opacity: 0;}
.c1-con ul li:hover .tu .jia{top: 45%;opacity: 1;}
.c1-con ul li .wz{padding-bottom: 30px;background: #fff;border: 1px solid #eeeeee;}
.c1-con ul li .wz h3{font: normal 14px/50px "微软雅黑";color: #333;text-align: center;}
.c1-con ul li .wz h4{text-align: center;line-height: 30px;color: #999;font-weight: normal;}
.c1-con ul li .wz dt{width: 135px;height: 30px;border: 1px solid #ccc;text-align: center;margin: 0 auto;font: normal 13px/30px "微软雅黑";color: #555;margin-top: 20px;}
.c1-con ul li .wz dt:hover{background: #3bbc1e;color: #fff;border-color: #3bbc1e;}
.c1-con ul li:hover{    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);}

.product-show{
     border-bottom:1px solid #ddd;
     overflow:hidden;
     height:90px;
    margin-bottom:30px;
 }
.product-show>h3{
    font-size:28px;
    height:50px;
    line-height:50px;
    font-family: "Microsoft Yahei";
    color:#333;
    text-align:center;
    padding-top:20px;
    margin-bottom:15px;
}
.product-show>h3>span{
    font-size:20px;s
    color:#3bbc1e;
    border-bottom:1px solid #3bbc1e;
    border-top:1px solid #3bbc1e;
    margin-left:10px;}



.lh-pro{padding:5vh 12.4vw; background:#fefefe; position:relative; height:auto;}
.lh-pro_index{padding:6vh 10.4vw; position:relative; height:auto;}
.lh-pro-index{width:100%;height: auto;padding-bottom: 30px;overflow: hidden;}
.abshu{ display:block; color:#4f4f4f; font-size:12px; line-height:30px; width:100%;}
.more { width:125px;margin:10px auto;overflow:hidden; text-align:center; }
.more a{ width:80px;background-color:#3bbc1e;color: #fff;padding: 10px 20px;font-size: 14px; display:block;border-style: solid; border-color: transparent;line-height: 1.42857;margin-left: -1px; text-decoration: none!important; border-radius: 6px; -webkit-border-radius: 6px; }

/*****************product******************/
.cplb{ display:block; }
/*pic*/
ul.pic>li>a>img{padding:2px; height:350px;border-radius: 6px; -webkit-border-radius: 6px; }
ul.pic>li{ padding:0px 5px; width:23%; float:left;}
ul.pic>ul{overflow:hidden; margin:0px;}
ul.pic>li>h2{height:60px;line-height:60px; font-size:16px;text-align:center;}
.img-responsive{display:inline-block; width:100%;}
.fadeIn1{}
@keyframes fadeInLogo{
	0%,30%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0}	
}
@keyframes fadeInLogoCont{
	0%{visibility:hidden; opacity:0;}
	100%{visibility:visible; opacity:1;}	
}




/*index_ab*/
.index_ab{ width:100%;margin:0 auto; height:auto; background:#f8f8f8; overflow:hidden; padding:50px 0}
.index_ab .ab_top{ width:1300px; margin:60px auto; overflow:hidden;}
.index_ab .ab_top li{ width:25%; margin:0 4%; font-size:14px; line-height:26px; float:left; text-align:center;}
.index_ab .ab_top li span{font-size:18px; font-weight:bold;display:block; margin:10px auto;}
.index_ab .ab_top img{ display:block; margin:10px auto;text-align:center;}
.index_ab .ab{ width:1400px; margin:0 auto; overflow:hidden; position:relative;}
.index_ab .ab .ab_con{ width:56%; height:auto; margin:30px auto;font-size:15px; line-height:26px; float:left; color:#333; font-family:Arial, Helvetica, sans-serif;}
.index_ab .ab font{ display:block; line-height:30px; font-size:20px; color:#dc551d;margin-bottom: 15px;}
.index_ab .ab h2{ font-family: 'Roboto',sans-serif;font-weight: 600;font-size: 30px;line-height: 36px;color: #1a1a1a;margin-bottom: 15px;}
.index_ab .ab h3{line-height:1;font-size:26px;font-family: "Microsoft Yahei"; color:#333;}
.index_ab .ab h3>span{height:50px;line-height:50px;font-size:20px;border-top:1px solid #3bbc1e;border-bottom:1px solid #3bbc1e; color:#3bbc1e; margin-left:10px;}
.index_ab .ab .ab_con a{ width:80px;background-color:#3bbc1e;color: #fff;padding: 10px 20px;display:block;font-size: 14px; 
margin-top:10px; border-style: solid; border-color: transparent;line-height: 1.42857;margin-left: -1px; text-decoration: none!important; border-radius: 6px; -webkit-border-radius: 6px;}
.index_ab .ab img{ width:550px; height:375px;right:20px;top:0px; position:absolute;border-radius: 6px;-webkit-border-radius: 6px;}

/*服务更专业*/
.ystt{color:#ffffff;font-weight:bold;font-size:32px;text-align:center; margin:50px auto; line-height:40px; }
.ystt span{display:block;color:#c3c2c2;text-transform:uppercase;font-size:13px;font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.sdh{width:300px;height:50px;background-color:#3bbc1e;line-height:50px;border-radius:13px;text-align:center;color:#fff;margin:0 auto;}
.sdh p{ font-size:16px;}

/*youshi*/

.youshi{ width:100%;padding:55px 0 50px; background:url(../images/youshi.jpg) fixed center; }
.youshi_c{width:1200px; margin:50px auto;height:300px; color:#ffffff; }
.youshi_c a{ display:block;width: 280px;height: 248px;border: 1px solid #d8d8d7;border-radius:15%;float:left; margin:0 8px; color:#ffffff; text-align:center;}
.youshi_c span{color:#ffffff; font-size:24px; position:relative;top:60px;}
.youshi_c p{font-size: 15px;font-family: 微软雅黑;color: rgb(217, 217, 217);position:relative;top:80px;}

/*indnews*/

.new { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.news{width:1400px;height:530px; margin:20px auto; overflow:hidden;}
.news .title1{ margin-bottom:15px; color:#333333; font-size:30px;  font-family: Microsoft YaHei;}
.news .title1 h3{ font-size:28px; font-weight:bold;  font-family: Microsoft YaHei; }
.news .title1 span{ display:block; width:114px;height:57px;border-bottom:#0b8b5a 3px solid;}
.news .scroll{height:auto;width:37%; position:relative;border:#efefef 1px solid;}
.news .box{height:400px;width:100%; overflow:hidden; margin:0 auto;}
.news .box ul{position:absolute;top:0;left:0;height:400px;}
.news .box li,.news .box li img{width:98%;height:300px; margin:5px; }
.news .box li p{font-size:14px; color:#6a6a6a;text-align:left;line-height:30px; padding-left:5px;}


.indnewslist{width:62%;height:410px; margin-top:8px;}
.indnewslist li {width:98%;height:115px; margin:0 auto;background-color:#f1f0f0;padding:8px 0 0 10px; margin-bottom:15px;}
.indnewslist li .cont a{ font-size:14px; color:#333;text-align:left;line-height:30px;}
.indnewslist li .cont p{ font-size:14px; color:#6a6a6a;text-align:left;line-height:30px;}
.indnewslist li .cont a:hover{color:#02623d;}
.indnewslist li img{ width:110px; height:100px; float:left; margin-right:8px;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}

/*neiye*/
.banner1{width:100%;height:345px;overflow:hidden; position:relative;text-align:center; margin-top:65px;}

/*about*/

#section{ margin-top:30px;}
.container_ab{width: 1300px; margin:0 auto; overflow:hidden;}

.col-md-4{ width:20%; float:left}
.col-md-9{ width:77%; float:right}

#section .text_top {overflow: hidden;margin-bottom: 10px; padding: 0px;margin-top: 10px;position: relative;text-indent: 10px;border-bottom: 1px solid #ccc; }
#section .text_top .left {overflow: hidden;font-size: 18px;font-family: 'Microsoft YaHei';float: left; padding-bottom: 5px;}
#section .text_top .right {float: right; color: #8e8e8e; font-size:14px;}

.text_top {overflow: hidden;margin-bottom: 10px; padding: 0px;margin-top: 10px;position: relative;text-indent: 10px; }
.text_top .left {float: left; color: #8e8e8e; font-size:14px;}

#lefttext>div.about_title{background:#3bbc1e;color:#fefefe;font-size:22px;text-align:center;padding:25px 0px;}
#lefttext>ul.about_li{margin-bottom:15px;border:1px solid #e8e8e8;border-top:none;margin-top:1px;}
#lefttext>ul.about_li>li{  padding:0;position:relative; }
#lefttext>ul.about_li>li a{ background: url(../images/fyjian1.png) 90% center no-repeat; border-bottom: 1px solid #e8e8e8; }
#lefttext>ul.about_li>li a:hover{ background: url(../images/fyjian.png) 90% center no-repeat;background-color:#3bbc1e; color:#fff;}
#lefttext>ul.about_li>li .sub_nav li{margin-bottom:1px;background-color:#f6f5f5 }
#lefttext>ul.about_li>li .sub_nav a{display:block;text-align:center;line-height:38px; font-size:14px;}
#lefttext>ul.about_li>li>a{padding: 0 0 0 30px;color: #646464;text-indent: 0;display: block;height: 45px;line-height:45px;}


div.contact_us h2 {width: 100%;height: 66px;border: 1px solid #3bbc1e;background: #3bbc1e url(../images/leftcon.gif) no-repeat 14% center;line-height: 12px;
    text-align: center;font-weight: normal;color: #fff;font-size: 12px;vertical-align: middle;padding: 14px 0px;}
#section div.contact_us h2>p {font-size: 18px; line-height:40px;}
#section ul.contact_content {border: 1px solid #e8e8e8;padding: 10px;font-size: 14px;}

/*neiye pro*/
ul.pic_p>li>a>img{padding:2px; height:350px;}
ul.pic_p>li{ padding:0px 5px; width:32%; float:left;}
ul.pic_p>ul{overflow:hidden; margin:0px;}
ul.pic_p>li>h2{height:50px;line-height:50px; font-size:16px;font-weight:bold;text-align:center;}

/*CONTACT*/
.col-md-13{ width:100%; height:auto; max-width:1300px; margin:0 auto;}

#righttext{width:98%; height:auto; max-width:1300px; margin:0 auto; overflow:hidden;}
#righttext .le{ width:60%;height:auto; margin:0 auto; overflow:hidden; float:left }
#righttext .ri{width:39%;height:auto; margin:0 auto; overflow:hidden; float:right;}




/*news*/
.newsList a{display:block; border-bottom:1px solid #dadada; padding:25px 0; overflow:hidden; width:100%;transition:background 0.5s;}
.newsList a div{float:left; display:inline-block; margin:0 20px 0 25px; width:200px; overflow:hidden}
.newsList a span{float:left; display:inline-block; width:70%; padding:10px 0 0 0; line-height:26px;}
.newsList a span h1{ font-size:14px; overflow: hidden; text-overflow: ellipsis;}
.newsList a span h2{ font-size:12px; font-weight:normal; color:#b7b7b7; }
.newsList a span h2>span { float: right; width: auto; padding: 0; }
.newsList a span h3{ font-size:14px; font-weight:normal; line-height: 1.5em; color:#888; max-height: 4.5em; overflow: hidden; text-overflow: ellipsis;}
.newsList a:hover{background:#dadada}
.newsList a:hover h1{color:#222;}
.newsList a:hover h2{color:#888;}
.newsList a:hover h3{color:#666;}
.newsList a div img{width:200px; height: 150px; max-height: 150px;transition:transform 1s;}
.newsList a:hover img{transform: scale(1.2); }

.newsListText{ margin-top:15px;}
.newsListText a{display:block; padding:7px 0 7px 20px; line-height:26px; background:url(../images/bgLi.jpg) 10px 20px no-repeat;overflow:hidden; font-size:16px;}
.newsListText a span{float:right;font-size:14px; color:#999}
.newsListText .line{ border-bottom:1px solid #dedede; margin-bottom:20px; padding-bottom:20px!important}

.boxShow{padding:0 15px; width:100%; max-width:1300px;margin:40px auto; height:auto;}
.showTitle{padding:0 0 15px 0;font-size:20px;line-height:35px; font-weight:bold; text-align:center;}
.showInfo{color:#999; font-size:14px;line-height:20px; padding:0 0 30px 0;border-bottom:2px solid #d8d8d8;text-align:center;}
.showCon{width:100%; padding:20px 0; font-size:15px; line-height:26px; overflow:hidden;}
.showCon p,.showCon div{line-height:26px; text-align:justify}

.newslist_book{width:100%; background-color:#f5f5f5;overflow:hidden; margin:0 auto; padding-top:50px;}
.drop-message_new{ width:1300px; height:550px; overflow:hidden; margin:0 auto; margin-bottom:50px;background: #e0e0e0;border-radius: 10px;padding: 30px;}
.drop-message_new p{ line-height:30px; font-size:16px;}
.form-title {margin-bottom: 20px;padding-bottom: 5px;font-weight: 700;border-bottom: 1px solid #f9575c; font-size: 16px; }
.form-title a{color:#1e86ea;}

/*case*/
.caselist{ width:100%; height:auto; max-width:1300px; margin:0 auto; margin-bottom:30px;}
.caselist_1{}
.caselist_1 li{ position:relative; overflow:hidden; width:31%; height:370px; float:left; margin:0.8%;box-shadow: 0 10px 30px 0 rgba(30,30,30,.16);padding-bottom:10px;
margin-bottom:20px;}
.caselist_1 li a{ display:block;font-size:15px;line-height:60px;color:#333; text-align:center;}
.caselist_1 li a .img{position:relative;}
.caselist_1 li a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;z-index:1;}
.caselist_1 li a img{transition:ease .65s; width:100%;}
.caselist_1 li a:hover img{transform:scale(1.1,1.1);}
.caselist_1 li .tex{ z-index:10;font-size:15px;line-height:70px;color:#333; position:absolute; display:block; height:70px; width:100%; background-color:#fff;}
.col-md-case{ width:100%;}
.col-md-case span{font-size: 26px;font-weight: bold; line-height:60px; text-align:center; display:block; margin:60px auto;}
#case{ width:400px; height:auto; overflow:hidden; margin:30px auto; text-align:center;}
#case>ul>li{  padding:0;position:relative; float:left;text-align:center; margin:0 10px; }
#case>ul>li>a{color: #fff;text-indent: 0;display: block;background:#3bbc1e; padding:15px 0; width:160px;  }
#case>ul>li a:hover{border:#3bbc1e solid 1px;box-shadow: 0 1px 1px rgba(0,0,0,0.15); background-color:#fff; padding:14px 0; color:#333333; width:158px;}

ul.pic_c>li>a>img{padding:2px; height:350px;}
ul.pic_c>li{ padding:0px 5px; width:24%; float:left;}
ul.pic_c>ul{overflow:hidden; margin:0px;}
ul.pic_c>li>h2{height:50px;line-height:50px; font-size:16px;font-weight:bold;text-align:center;}


/*page*/
.artfooter{width:100%; overflow:hidden; font-size:0; max-width:1300px; padding-top:40px;}
  .page_div {
            font-size: 15px;
            font-family: "microsoft yahei";
            color: #666666;
            box-sizing: border-box;
            text-align: center;
            margin-top: 10px;

           /* transform: translate(-50%, -50%);*/
        }

        .page_div a {
            min-width: 30px;
            height: 40px;
            border: 1px solid #dce0e0 !important;
            text-align: center;
            margin: 0 4px;
            cursor: pointer;
            line-height: 40px;
            color: #666666;
            font-size: 13px;
            display: inline-block;
        }

        #firstPage,
        #lastPage {
            width: 100px;
            color: #444444;
            border: 1px solid #cccccc !important;
        }

        #prePage,
        #nextPage {
            width:100px;
            color: #444444;
            border: 1px solid #cccccc !important;
        }

        .page_div .current {
            background-color: #0073A9;
            border-color: #cccccc;
            color: #FFFFFF;
        }

        .totalPages {
            margin: 0 10px;
        }

        .totalPages span,
        .totalSize span {
            color: #0073A9;
            margin: 0 5px;
        }

.text-secondary{ width:1300px; margin:0 auto; overflow:hidden;}